<template>
  <AbnormalTemplate :treeData="treeData">
		<div class="video_wrap" style="width:100%;height:calc(100% - 100px)">
			<my-video :sources="video.sources" :options="video.options"></my-video>
		</div>
  </AbnormalTemplate>
</template>
<script>
import AbnormalTemplate from "@/template/abnormal.temp.vue";
import myVideo from 'vue-video';
export default {
	name: "KdHistoryData",
	components: {
		AbnormalTemplate,
		myVideo,
	},
	data() {
		return {
			treeData: {},
			video: {
				sources: [{
					//src: './static_img/test.mp4',
					src: window.YS_VIDEO_SRC,
					type: 'video/mp4'
				}],
				options: {
					autoplay: false,
					volume: 0.6,
					// poster: './static_img/test.mp4'
				}
			}
		};
	},
	mounted() {
	},
	created() {
	},
	methods: {

	}
};
</script>

<style lang="scss">
	.video_wrap{
		#app{
			height: 100%;
			.container{
				height: 100%;
			}
		}
	}
</style>
